<template>
  <div>
      <div class="head"></div>
      <div id="hm">
          <div>合摩科技</div>
          <div>用互联网科技，致力于通过TMT技术、政策擎和更丰富的服务供应链向更多的客户提供“合规、安全、便捷、高效”的一站式合规税务服务等业务服务网络已覆盖中国全境 “爱员工”作为合摩科技旗下的一站式人力资源服务平台，发展飞速，业务月流水已经过亿，并为中国残疾人培训与就业、退伍军人复员转业、自由职业者就业创业等项目提供技术支持与合规运营保障，更携手实力资本，在多领域投资与此相关的优质项目和企业。</div>
          <div class="bg">01</div>
      </div>
      <div id="culture">
          <div>企业文化</div>
          <div class="dl">使命</div>
          <div>打破继承性不公，创造普惠价值</div>
          <div class="dl">任务</div>
          <div>以科技驱动人力资源供应链与金融服务</div>
          <div class="bg" style="top: 1.4rem">02</div>
      </div>
      <div id="develop">
          <div>发展历程</div>
          <div class="dl">A+轮</div>
          <div>广发证券领投<br>启赋资本、天使投资人王刚、薛蛮子跟投</div>
          <div class="dl">B轮</div>
          <div>北极光创投领投，启赋资本、<br>松禾资本、高沣资本、天使投资人王刚跟投</div>
          <div class="dl">B+轮</div>
          <div>国信国投领投，国内某知名基金跟投</div>
          <div class="bg" style="top: 1.35rem">03</div>
      </div>
      <div id="contact">
          <div>联系我们</div>
          <div>商家QQ：3312987519</div>
          <div>问题与反馈：020-37127667</div>
          <div>商务合作邮箱：mkt@aiyuangong.com</div>
          <div id="map"></div>
          <div class="bg">04</div>
      </div>
  </div>
</template>
<script>
export default {
  activated() {
    this.$parent.tState = 1;
    this.$parent.fState = 1;
    this.$parent.updata()
  }
}
</script>
<style scoped>
.head{
    height: 4.5rem;
    background-size: cover;
    background-position: center center;
    background-image: url('~@/assets/us/banner.png');
}
#hm{
    position: relative;
    padding: 1.4rem 0 0;
}
.bg{
    position: absolute;
    top: 1.12rem;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: #f2f2f2;
    font-weight: bold;
    z-index: -1;
}
#hm>div:nth-child(1){
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-weight: bold;
}
#hm>div:nth-child(2){
    padding: 0.94rem 0.4rem 0;
    font-size: 0.3rem;
    color: #666;
    line-height: 0.56rem;
    text-indent: 0.8rem;
}
#culture{
    position: relative;
    padding: 1.4rem 0 0;
    font-size: 0.3rem;
    color: #666;
    text-align: center;
}
#culture>div:nth-child(1){
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.9rem;
}
#culture>div{
    margin-top: 0.35rem;
    line-height: 0.56rem;
}
.dl{
    font-size: 0.3rem;
    color: #333;
    text-align: center;
    margin-top: 0.55rem !important;
}
.dl::before{
    content: '';
    position: relative;
    right: 0.15rem;
    top: -0.08rem;
    display: inline-block;
    width: 0.37rem;
    border-bottom: 0.02rem solid #707070;
}
.dl::after{
    content: '';
    position: relative;
    left: 0.15rem;
    top: -0.08rem;
    display: inline-block;
    width: 0.37rem;
    border-bottom: 0.02rem solid #707070;
}
#develop{
    position: relative;
    padding: 1.4rem 0 0;
    font-size: 0.3rem;
    color: #666;
    text-align: center;
}
#develop>div:nth-child(1){
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.9rem;
}
#develop>div{
    margin-top: 0.35rem;
    line-height: 0.56rem;
}
#contact{
    position: relative;
    padding: 1.4rem 0 0;
    font-size: 0.3rem;
    color: #666;
    text-align: center;
}
#contact>div:nth-child(1){
    font-size: 0.45rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.9rem;
}
#contact>div{
    margin-top: 0.6rem;
}
#map{
    width: 6.7rem;
    height: 4rem;
    margin: 0.4rem auto 0.75rem !important;
    background-size: cover;
    background-image: url('~@/assets/us/map.png');
}
</style>
